@layout("/common/_container.html",{js:["/assets/modular/dbList/dblist/dblist.js"]}){

<div class="layui-body-header">
    <span class="layui-body-header-title">数据库列表管理</span>
</div>

<div class="layui-fluid">
    <div class="layui-row">
        <div class="layui-col-sm12 layui-col-md12 layui-col-lg12">
            <div class="layui-card">
                <div class="layui-card-body">
                    <div class="layui-col-md2">
                        <div style="width: 5px;height: 20px;background-color: #00a0e9;border-radius: 5px"
                             class="layui-inline"></div>
                        <div class="layui-inline"><span style="font-size: 18px">数据库分布</span></div>
                    </div>
                    <div class="layui-col-md1 layui-col-md-offset9">
                        <div style="display: flex">
                            <div>
                                <div style="background-color: greenyellow;border-radius: 10px;height: 13px;width: 13px;border: 1px solid grey;margin-top: 10px"></div>
                                <div style="background-color: red;border-radius: 10px;height: 13px;width: 13px;border: 1px solid grey;margin-top: 10px"></div>
                            </div>
                            <div>
                                <h5 style="margin-top: 5px;margin-left: 10px">在线</h5>
                                <h5 style="margin-top: 5px;margin-left: 10px">异常</h5>
                            </div>
                        </div>
                    </div>
                    <div class="layui-form toolbar" id="row">
                        <div class="layui-form-item">
                            <!--                            <div class="layui-inline layui-col-sm-offset1 layui-col-md-offset1 layui-col-lg-offset1">-->
                            <!--                                <button id="btnAdd" class="layui-btn icon-btn">新增-->
                            <!--                                </button>-->
                            <!--                            </div>-->
                            <div class="layui-col-md11 layui-col-sm11 layui-col-lg11">
                                <div class="layui-col-md3 layui-col-md-offset9">
                                    <div class="layui-inline layui-col-md7">
                                        <input id="dbName" name="dbName" placeholder="请输入数据库名称" type="text"
                                               class="layui-input"/>
                                    </div>
                                    <div class="layui-inline layui-col-md4">
                                        <button id="searchDatabase" type="button" class="layui-btn icon-btn">&emsp;筛选&emsp;
                                        </button>
                                    </div>
                                </div>
                            </div>
                            <div class="layui-col-md11 layui-col-sm11 layui-col-lg11"
                                 style="margin-bottom: 35px">
                                <div id="start">
                                </div>
                            </div>
                            <!--分页-->
                            <div id="paging"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

@}